<template>
  <div class="module">
    <img src="../../public/610.png" class="tu" @mouseover="hover = true" @mouseleave="hover = false">
    <h3>我校课程思政案例获奖</h3>
    <p>近日，由高等农林院校课程思政联盟主办、长江大学承办的第四届全国高等农林院校课程思政建设研讨会在湖北荆州举行，会议公布了全国高等农林院校课程思政优秀案例，我校5项课程思政案例从全国780份案例中脱颖而出，富尔雅的《室内公共空间设计1》、孙立轩的《综合英语1》获评优秀视频案例，刘镇波的《木材学》、塔金星的《热力学与统计物理》、谢春丽的《车辆人机工程学》获评优秀文字案例。</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      hover: false // 添加一个数据属性来控制鼠标悬浮状态
    };
  }
};
</script>

<style scoped>
.module {
  margin: 20px;
  border: 1px solid #232323;
  background-color: rgba(255, 224, 183, 0.2);
  position: relative; /* 确保模块是相对定位的 */
}

.tu {
  width: 100%;
  height: 200px;
  transition: transform 0.3s ease; /* 添加过渡效果 */
}

.tu:hover {
  transform: scale(1.1); /* 鼠标悬浮时放大图片 */
}
</style>